Introduction

Hey there, We are happy to see you as our valuable customer of Flirtzy app. Here is the easy documentation to set the app and ready to launch.The documentation contains valuable information, so please read it attentively. Should you need any guidance or have inquiries, our support is just a message away.

Prerequisites

  • Flutter & Dart SDK (We have used Flutter version 1.20)
  • To edit this project you must have Flutter and Dart installed and configured successfully on your computer.
  • If you have got Android SDK installed and configured, to install Flutter you only need to:
    • Download Flutter SDK from official website and extract it.
    • Add path to previously extracted SDK to your PATH variable
    • Run flutter doctor tool to check if everything is configured correctly.
    • All above steps are mentioned here: https://flutter.dev/docs/get-started/install/

Android Studio Windows Setup


  • Download Android Studio - https://developer.android.com/studio/
  • Get the Flutter SDK - https://flutter.dev/docs/get-started/install
  • Learn more about Android Studio - https://developer.android.com/studio/intro/
  • Get the Flutter SDK

  • Download the following installation bundle to get the latest stable release of the Flutter SDK
  • Extract the zip file and place the contained flutter in the desired installation location for the Flutter SDK (for example, C:\src\flutter; do not install Flutter in a directory like C:\Program Files\ that requires elevated privileges).
  • Update your path

  • If you wish to run Flutter commands in the regular Windows console, take these steps to add Flutter to the PATH environment variable From the Start search bar, enter ‘env’ and select Edit environment variables for your account. Under User variables check if there is an entry called Path
  • If the entry exists, append the full path to flutter\bin using ; as a separator from existing values.
  • If the entry doesn’t exist, create a new user variable named Path with the full path to flutter\bin as its value.
  • Note that you have to close and reopen any existing console windows for these changes to take effect.
  • You are now ready to run Flutter commands in the Flutter Console!
  • Run flutter doctor

  • From a console window that has the Flutter directory in the path (see above), run the following command to see if there are any platform dependencies you need to complete the setup
  • If you find any issue during environment setup, please go online Click here

Android Studio – macOS​ setup ​


  • Download Android Studio - https://developer.android.com/studio/
  • Download Xcode - https://apps.apple.com/us/app/xcode/id497799835?mt=12
  • Get the Flutter SDK - https://flutter.dev/docs/get-started/install
  • Learn more about Android Studio - https://developer.android.com/studio/intro/
  • Get the Flutter SDK

  • Download the following installation bundle to get the latest stable release of the Flutter SDK
  • Download SDK and extract downloaded file, just double click on that. and just copy extracted folder and paste it to your desired location (for example, Documents\flutter).
  • Update your path

  • Path variable needs to be updated to access “flutter” command from terminal. you can just update path variable for current terminal window only. and if you want to access flutter commands from anywhere in terminal, we need to update SDK path permanently.
  • To update PATH variable, we need to open terminal.
  • To update PATH variable for current terminal window only, then enter this command "export PATH="$PATH:`pwd`/flutter/bin"" and hit enter key.
  • To update PATH variable permanently, then Open or create .bash_profile file. to open or create that file, then enter "sudo open -e $HOME/.bash_profile" and hit enter key.
  • Append below line to bash_profile file at bottom of all other content. "export PATH="$PATH:[PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin"" as [PATH_TO_FLUTTER_GIT_DIRECTORY] is actual path of SDK folder.
  • Run this command on terminal "source $HOME/.bash_profile" to refresh PATH variables.
  • Then check whether our SDK is successfully installed or not.
  • You are now ready to run Flutter commands in the Flutter Console!
  • Run "flutter doctor" into terminal, If you are getting check list of flutter sdk requirements, it means SDK is successfully installed on your machine. and you can start building flutter apps on your machine.
  • If you find any issue during environment setup in macos, please go online Click here

Configure Firebase

  • Go to the firebase project you might created while following backend documentation.
  • If you don't have, follow the steps below and create one project.
  • At first, follow this link https://firebase.google.com/
  • Now, Our first step is to establish a Firebase project. A Firebase project serves as a foundational container, enabling us to create and manage various apps within it. Within Firebase, multiple projects can be created.
  • Now, we have to give a name to the project, enable Google Analytics for the project, set an analytics location, and accept all the terms and conditions. Firebase console automatically creates a unique id for the project.
  • Assigning a unique name to the Firebase project
  • Enable Google analytics for the project
  • First Choose default Firebase account and then create project

For Android

Enter SHA Key in firebase console (check in the below image)

  • if you did not change the firebase rules some of the app functions will not work like chat or save/change pictures.
  • if you not provide the SH1 key into the firebase project phone login and google login will not work you have to add you SH1 keys for both debug and live mode.
  • FOR IOS

    Enter SHA Key in firebase console (check in the below image)

    • if you did not change the firebase rules some of the app functions will not work like chat or save/change pictures.
    • if you not provide the SH1 key into the firebase project phone login and google login will not work you have to add you SH1 keys for both debug and live mode.

    Push Notification

  • Go to the Project Setting (refer below image)
  • Then Click onCloud Messaging and Copy the server key and paste into notepad (this is use in node js Project [backend])

Google Sign In Configuration

  • Click to Authentication and sign in mathod tab
  • Click to Enable
  • Select your support email and save
  • Successfully Enable google sign in method

Apple Sign In Configuration

  • Click to Authentication and sign in mathod tab
  • Then click to apple provider
  • Click to Enable and save it
  • your apple provider Successfully Enable

    Importing Project

  • To import the app, simply open Android Studio and import/open the template. Make sure to wait for all the processes (the Gradle Build) to complete before continuing to the next step
  • Set up your editor – Install the Flutter and Dart plugins.
  • To install Flutter and Dart plugins firstly, click on setting button on corner and one pop-up will come up "plugins" and enter your plugins name you want to install ( check in image below )
  • Click on the Open and open your project
  • As soon as,one pop-up will come up and select the your project and then click on "Ok" button
  • Addition steps Sometimes, the Gradle Build fails. In some cases additional components are needed, Android Studio will ask you to do download these additional SDK components in the 'messages' tab, simply follow the instructions provided to install and download the additional components.

Setup BaseUrl and Key

  • Change baseUrl and key in lib -> buinesslogic -> apiservice -> app_url.dart as shown in the image below

Change Package Name

  • Android
    • Go to android > app
    • Click to build.gradle
    • Here, change the applicationId And it's done.
  • IOS
    • Now right click on iOS directory, flutter > Open iOS module in Xcode
    • Once the project gets opened in Xcode successfully, follow the steps below.
      • Go to runner > Signing & Capabilities
      • Change your bundle identifier as you want, and it's done.

Change App Color

  • Go to your project lib > utils > color_res.dart as shown in the below image.

Change App Icon

  • For Generating Different Sized Icons
    Go tohttps://www.appicon.co/ and upload the icon image and tick the iPhone and Android options and click on Generate. This site generates different sized Icons for both android and IOS at the same time.
  • It will Download the Zip file named AppIcons with the android and Assets.xcassets named folders along with images for appstore and playstore which can be directly uploaded as an icon in both the stores
  • Now, open your Project in Android Studio.
  • For Adding Icons in Android.
    Navigate to android/app/src/main/res and right-click on res folder and click "open in Finder". Now delete all the mipmap folders in res folder and paste the mipmap folders from AppIcon/android folder which you have downloaded.
  • For Adding Icons in IOS
    Now navigate to the ios/Runner/Assets.xcassets. Now after you are in Runner folder, right-click on Runner folder and click “open in Finder”. Now delete the Assets.xcassets folder and paste the Assets.xcassets folder from AppIcon/Assets.xcassets which you have downloaded.
  • After manually changing the images in android and IOS folders now go to lib/main.dart and run the flutter project using the below command in the flutter console.
  • flutter run

Change App Name

  • Andriod
    • Go to android > app > src > main > AndroidManifest.xml and make changes shown in the below image.
  • Ios
    • Now right click on iOS directory > Runner > info.plist Open iOS module in Xcode

    Build Debug APK

  • APK (Application Package File) is a format used by Android operating systems for distribution and installation. After you build an application, it's quite common to build APK files to be tested across different devices.
  • If the application is developed using Flutter, you can easily build APK files by using flutter build apk command. In this documentation we show you how to build APK files for Android using Flutter.
  • This includes how to set the mode (release, debug, or profile), set the main entry point, split per ABI, set target platforms, set the build name and version, build flavor APK, and obfuscate the code.
    • Go to project location->Build->Flutter->Build APK

    Release APK

  • Run the following command "flutter build APK --release" as shown in image below
  • Once you have successfully generated the APK as shown in the image below, it will be automatically saved to the specified destination.

Want to talk with us?

Email : incodeslab@gmail.com

Whatsapp : +91 9909515320

>